<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公司信息修改</title>
<link rel="stylesheet" href="lib/layui/css/layui.css" tppabs="lib/layui/css/layui.css"  media="all">
<script src="lib/layui/layui.js" charset="utf-8"></script>
</head>
<body>
<form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
  <div class="layui-form-item">
    <label class="layui-form-label">id</label>
    <div class="layui-input-block">
      <input type="text" id="id" name="id" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">介绍</label>
    <div class="layui-input-block">
      <input type="text" id="jieshao" name="jieshao" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">手机号</label>
    <div class="layui-input-block">
      <input type="text" id="phone" name="phone" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">热线</label>
    <div class="layui-input-block">
      <input type="text" id="rexian" name="rexian" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">地址</label>
    <div class="layui-input-block">
      <input type="text" id="dizhi" name="dizhi" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">图片路径</label>
    <div class="layui-input-block">
    <button type="button" class="layui-btn" id="test1">
  <i class="layui-icon">&#xe67c;</i>上传图片
</button>
<img id="disimg" width="100" height="80" alr=""/>
    <input type="text" display="none" id="imgurl" name="imgurl" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
  </div>
  
    
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
  <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
</form>
<script>
layui.use(['table','upload'],function(){
  var form = layui.form;
  var $=layui.jquery;
var upload = layui.upload;
  
  //执行实例
  var uploadInst = upload.render({
    elem: '#test1' //绑定元素
    ,url: 'imgupload' //上传接口
    ,done: function(res){
      //上传完毕回调
      if(res.code==0){
    	   $("#imgurl").val(res.data);
    	   $("#disimg").attr("src","upload/"+res.data);
      }else{
    	  layer.msg("上传失败");
      }
   
    }
    ,error: function(){
      //请求异常回调
     
    }
  });
  form.on('submit(*)', function(data){
	  console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
	  $.ajax({
		 url:"companyUpdate",
		 type:"post",
		 data:data.field,
		 success:function(res){
			 if(res=="1"){
				 layer.msg("修改成功");
			 }else{
				 layer.msg("修改失败");
			 }
		 }
	  });
	  
	  
	  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});
  //各种基于事件的操作，下面会有进一步介绍
});
</script>
</body>
</html>